<template>
  <el-table
      :data="props['depInfo']"
      :highlight-current-row="true">
    <el-table-column prop="departmentId" label="编号" width="430"/>
    <el-table-column prop="name" label="名字" width="510"/>
    <el-table-column fixed="right"  width="120">
      <template #header>
        <el-button round type="success" size="mini" @click="emit('showCreatePage')">
          new
        </el-button>
      </template>
<!--      <template #default="scope">-->
<!--        <el-button-->
<!--            :icon="Edit"-->
<!--            circle-->
<!--            size="mini"-->
<!--            @click="deleteRow(scope.$index, tableData)"-->
<!--            :style="{marginLeft:'12px'}"/>-->
<!--      </template>-->
    </el-table-column>
  </el-table>
</template>

<script setup>

import {Edit} from '@element-plus/icons'
const props=defineProps(["depInfo","filter"])
const emit=defineEmits(["showCreatePage"])


</script>

<style scoped>

</style>